<template>
	<view class="login_wraps">
	  <!-- 切换平台 -->
	  <view class="change_plat">
	    <image :src="logoIcon" class="logo_size"></image>
			<view @click="changePlat">切换{{ platId == '2' ? '用户' : '商户' }}版 ></view>
	  </view>
	  <view class="login_title">{{platId == '2'?'商户版登录':'用户版登录'}}</view>
	  <uni-forms border>
	  	<uni-forms-item label="">
	  		<uni-easyinput :inputBorder="false" placeholder="请输入账号"></uni-easyinput>
	  	</uni-forms-item>
	  	<uni-forms-item label="">
	  		<uni-easyinput :inputBorder="false" placeholder="请输入密码"></uni-easyinput>
	  	</uni-forms-item>
	  </uni-forms>
	</view>

</template>

<script setup>
	import { defineComponent, ref } from 'vue'
	const logoIcon = ref('https://agenterp-sit.hxfl.com.cn:38080/hygf-jjgk/wx/index/logo.png')
	const platId = ref('2') // 登录类型 1 用户版 2 商户版
	function changePlat () {
		platId.value = platId.value == '1' ? '2' : '1'
	}
</script>

<style lang="scss">
	.login_wraps {
		background-color: #fff;
		  background-image: url('@/static/login_bg.png'); /* 替换为你的图片路径 */
		  background-size: 750rpx 336rpx; /* 确保背景图片覆盖整个容器 */
		  background-repeat: no-repeat; /* 防止背景图片重复 */
			padding: 30rpx 50rpx;
			min-height: 20vh;
		.login_top {
			width: 750rpx;
			height: auto;
		}
	}
	.change_plat {
		padding-top: 150rpx;
		display: flex;
		justify-content: space-between;
		view {
			line-height: 50rpx;
			color: #666666;
			font-size: 30rpx;
		}
	}
	.logo_size {
		width: 311rpx;
		height: 75rpx;
	}
	.login_title {
		color: #222;
		font-size: 32rpx;
		width: 100%;
	  font-family: PingFang SC;
		padding-top: 120rpx;
	}
	.uni-easyinput {
		font-size: 40rpx!important;
		.uni-easyinput__content{
			font-size: 40rpx!important;
			color: #dedede;
			.uni-easyinput__placeholder-class{
				font-size: 30rpx;
			}
		}
	}
</style>
